<template>
	<view>
		<view class="talk">
			<view class="input-view">
				
				<input confirm-type="search" class="nav-bar-input" type="text" placeholder-class="phcolor"
					placeholder="欢迎发表你的观点" @confirm="confirm" />
			</view>
			<view class="talk_right">
			<view>
				<image src="../static/img/z1.png" mode=""></image>
			</view> 
			<view>
				<image src="../static/img/z2.png" mode=""></image>
			</view>
			<view>
				<image src="../static/img/z3.png" mode=""></image>
			</view>
			
			</view>
			
			
		</view>
	</view>
</template>

<script>
	export default {
		name:"talkwith",
		data() {
			return {
				
			};
			
		},
		methods: {
		
			
			confirm() {
					uni.showToast({
						title: '发送'
					})
			}
	}
	
	}
</script>

<style>
.talk{
	/* border: #0000FF solid; */
	border-top-left-radius:20rpx ;
	border-top-right-radius:20rpx ;
	width: 750rpx;
	height: 100rpx;
	position: fixed;
	z-index: 100;
	bottom: 0;
	background-color: #CCE5ED;
	box-shadow: -2rpx 0rpx 10rpx #333333;
}
.input-view {
				float: left;
				width: 50%;
				background-color: #f3f3f3;
				height: 35px;
				border-radius: 5px;
				padding: 0rpx 10rpx;
				margin: auto;
				margin: 15rpx 25rpx;
				line-height: 35px;
				display: block;
			}
			.nav-bar-input {
				/* border: #0000FF solid; */
				height: 35px;
				line-height: 35px;
				padding: 0 10px;
				background-color: #f3f3f3;
				
				
			}
			.phcolor{
				color: #333333;
				font-weight: 600;
			}
			
			.talk_right{
				/* border: #0000FF solid; */
				float: right;
				width: 40%;
				height: 100rpx;
			}
			.talk_right view{
				/* border: #0000FF solid 1px; */
				float: left;
				height: 70rpx;
				width: 70rpx;
				margin-left: 20rpx;
				margin-top: 15rpx;
				
			}
			.talk_right view image{
				width: 100%;
				height: 100%;
			}
			
</style>
